	page {
		width: 100vw !important;
		height: 100vh !important;
		background-color: #f6f8fa;
	}

	.page {
		width: 100%;
		min-height: 100%;
		padding: 30rpx;
		box-sizing: border-box;
	}

	.no_thing .placeholder {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 300rpx;
		height: 240rpx;
	}

	.card {
		padding: 20rpx;
		background-color: #FFF;
		border-radius: 20rpx;
	}

	.card .card_title {
		margin-bottom: 30rpx;
		font-weight: bold;
		font-size: 34rpx;
		color: #333333;
	}

	.title {
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.title .text {
		color: #333;
		font-weight: bold;
		font-size: 34rpx;
	}

	.title .more {
		color: #999;
		font-size: 24rpx;
		display: flex;
		align-items: center;
	}

	.title .more .icon {
		margin-left: 15rpx;
	}

	.title .more .icon image {
		width: 30rpx;
		height: 30rpx;
	}

	.title_tips {
		margin-left: 8rpx;
		color: #FFF;
		font-size: 24rpx;
		padding: 4rpx 10rpx;
		border-radius: 15rpx 15rpx 15rpx 0rpx;
		display: inline-block;
	}

	.title_tips.blue {
		background-color: #3B6CFE;
	}

	.title_tips.green {
		background-color: #23CC88;
	}

	.title_tips.yellow {
		background-color: #F1AE34;
	}

	.btns {
		color: #FFF;
		margin: 0 30rpx;
		padding: 10rpx 0;
		text-align: center;
		border-radius: 100rpx;
		background-color: #3B6CFE;
	}

	.ellipsis-1 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.ellipsis-2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.ellipsis-3 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}